<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>鼎力智能语音机器人</title>
    <link rel="stylesheet" href="css/news.css">
</head>
<body>
    <div class="news-header">
        <div class="w">
            <img src="img/dl_logo.png" alt="logo图标">
            <div class="header-link">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">产品</a></li>
                    <li><a href="#">服务</a></li>
                    <li><a href="#">案例</a></li>
                    <li><a href="#">联系</a></li>
                    <li>
                        <a href="#">
                            <img src="img/fdj.png" alt="搜索图标">
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="bigImg">
        <img src="img/banner6.jpg" alt="首页轮播图">
    </div>

    <div class="news-main">
        <div class="select">
            <div class="w">
                <ul>
                    <li class="selected"><a href="#">企业新闻</a></li>
                    <li><a href="#">媒体报道</a></li>
                    <li><a href="#">其他动态</a></li>
                </ul>
            </div>
        </div>
        <div class="news">
            <div class="w">
                <ul>
                    <li><a href="#">
                        <img src="img/news1.jpg" alt="新闻图片一">
                        <div class="news-text">
                            <h3>中科联受邀进校园，小学生玩起机器人</h3>
                        <p class="date">2018-03-25</p>
                        <p class="description">区别于填鸭式的说教，当科技走进校园，走进一群充满
                            好奇心的小学生身边，让他们近距离的体验科技的神奇
                            与其背后的故事，回事一副怎么样的情景呢？</p>
                        <button>查看详情+</button>
                        </div>
                    </a>                        
                    </li>
                    <li><a href="#">
                        <img src="img/news2.png" alt="新闻图片二">
                        <div class="news-text">
                            <h3>一本正经地胡说八道 互联网公司愚人节黑科技逗你玩</h3>
                        <p class="date">2018-03-25</p>
                        <p class="description">每年一到愚人节，各大互联网公司都玩得很嗨，推出描述
                            得煞有介事、难辨真假的各种产品，今年也不例外。今天，
                            大家就跟爱客服一起来看看今年互联网公司的愚人节“黑
                            科技”吧</p>
                        <button>查看详情+</button>
                        </div>                        
                    </a>                        
                    </li>
                    <li><a href="#">
                        <img src="img/news3.png" alt="新闻图片三">
                        <div class="news-text">
                            <h3>全球最尖端智能SUV是如何炼成的 揭秘特斯拉Model X机
                            器人生成过程</h3>
                        <p class="date">2018-03-2</p>
                        <p class="description">毋庸置疑，特斯拉电动汽车就是汽车界的苹果，从全球首款
                            豪华电动跑车，到汽车的直销模式;从全球最大汽车电动工
                            厂，到90秒换电池大法﹔这个来自硅谷的汽车门外汉从一开
                            始就以颠覆者的姿态出现，一跃成为全球电动汽车行业的领
                            军者。</p>
                        <button>查看详情+</button>
                        </div>                        
                    </a>                        
                    </li>
                    <li><a href="#">
                        <img src="img/news4.png" alt="新闻图片四">
                        <div class="news-text">
                            <h3>都说阅读改变人生，看到这儿不得不信了</h3>
                        <p class="date">2018-03-2</p>
                        <p class="description">从小到大，“饱受”九年义务教育“摧残”的我们就被老师们教
                            导要多读书，读好书，也在老师的“助力“下读了不少书和文
                            章，大多数的我们看了太多的鸡汤励志文章，也对人生充满
                            了希望，然而最终决定我们出路的往往是硬性的考试
                        </p>
                        <button>查看详情+</button>
                        </div>                        
                    </a>                        
                    </li>
                </ul>
            </div>
        </div>
        <div class="page">
            <div class="w">
                <ul class="pagination">
                    <li><a href="#">首页</a></li>
                    <li><a href="#">上一页</a></li>
                    <li class="active"><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">下一页</a></li>
                    <li><a href="#">末页</a></li>
                  </ul>
            </div>
        </div>
    </div>

    <div class="news-footer">
        <div class="footer-content">
            <div class="w">
                <div class="footer-link">
                    <dl>
                        <dt>产品</dt>
                        <dd>产品介绍</dd>
                        <dd>产品优势</dd>
                    </dl>
                    <dl>
                        <dt>服务</dt>
                        <dd>产品手册</dd>
                        <dd>服务理念</dd>
                        <dd>服务协议</dd>
                        <dd>法律声明</dd>
                    </dl>
                    <dl>
                        <dt>案例</dt>
                        <dd>客户案例</dd>
                        <dd>合作伙伴</dd>
                    </dl>
                    <dl>
                        <dt>新闻</dt>
                        <dd>产品动态</dd>
                        <dd>媒体报道</dd>
                        <dd>其他动态</dd>
                    </dl>
                    <dl class="k">
                        <dt>联系</dt>
                        <dd>客服热线：400-777-9908</dd>
                        <dd>邮箱：hezuo@ciopass.com</dd>
                        <dd>周一至周日9:00-18:00</dd>
                    </dl>
                </div>

                <div class="f-c-img">
                    <img src="img/dl_footer_logo.png" alt="" /><br />
                    <p>专注于营销与客服的智能语音机器人</p>
                </div>

            </div>
        </div>
        <div class="footer-end">
            <div class="w">
                <a href="#">&copy;2017-2018广州鼎力互联网软件服务有限公司版权所有&nbsp;粤ICP备18046524&nbsp;&nbsp;技术支持：企泰科技</a>
                <div class="f-e-img">
                    <img src="img/wx.png" alt="">
                    <img src="img/wb.png" alt="">
                    <img src="img/xf.png" alt="">
                    <img src="img/share.png" alt="">
                </div>

            </div>
        </div>

    </div>
</body>
</html>